<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <title>博客</title>
    <link rel="stylesheet" type="text/css" href="/css/blog.css">
</head>
<body>
<!--header开始-->
<div id="header">
    <div class="header-left">
        <a href="#">技术博客空间</a>
    </div>
    <div class="header-right">
        <a href="#"><img src="/images/twitter.png"/></a>
        <a href="#"><img src="/images/rss.png"/></a>
        <div class="header-left-btn">
            <input type="text" /><input type="button" value="订阅" />
        </div>
    </div>
</div>
<!--header结束-->
<!--中间开始-->
<div class="content clear">
    <div class="content-menu clear">
        <ul>
            <li><a href="#" class="current">家</a></li>
            <li><a href="#">Web 2.0</a></li>
            <li><a href="#">模板</a></li>
            <li><a href="#">图像</a></li>
            <li><a href="#">灵感</a></li>
            <li><a href="#">Flash文件</a></li>
        </ul>
    </div>
</div>

<div class="content-main clear">
    <div class="content-text">
        <div class="content-box">
            <h1>短信息的<span>网络技术博客</span></h1>
            <p>从大众生活。Donec iaculis蚤这样做无论是。目前杂色山雀egestas velit。只要质量Vulputate足排球。索尼和宣传。然而可悲的是，现在的足球需要一只脚。对于很多刚刚释放开发商的资产。明日是一个伟大的愿望，马蒂斯pellentesque，救生钳，feugiat简历，SAPIEN。Fusce交流奥奇condimentum坐阿梅德velit ultrices。整数imperdiet posuere交流，爱欲。这个质量。现在继电器。LOREM箭头和真人娱乐场。</p>
        </div>

        <div class="post-box">
            <div class="post-text">
                <h2><a href="#">当拉手光芒甚至</a></h2>
                <div class="tag"><strong>标签：</strong><a href="#">音乐</a>，<a href="#">免费的照片</a>，<a href="#">HDR</a></div>
                <span class="post-date"><strong>2010年</strong>2月25日</span>
            </div>

            <img src="/images/image_01.jpg" />
            <div class="p-right">
                <p>清单本地产。前庭ullamcorper存有NEC augue。猫需要恨。现在请，永远值得保留欧盟开发和临床表现大颤动车现在是免费的。即使是质量或胁迫的成员。Mauris最大的开发商和香蕉的影响。</p>
                <div class="comment"><a href="#">评论</a></div>

            </div>
        </div>
        <div class="post-box">
            <div class="post-text">
                <h2><a href="#">每个无颤动</a></h2>
                <div class="tag"><strong>标签：</strong><a href="#">音乐</a>，<a href="#">免费的照片</a>，<a href="#">版税</a></div>
                <span class="post-date"><strong>2010年</strong>2月25日</span>
            </div>
            <img src="/images/image_02.jpg" />
            <div class="p-right">
                <p>最新价格门硬件。临床直径胡萝卜温度哀悼营养。有杂乱锅伤心房地产开发商。活酵母临床漫画出版。在伟大的，也没有非常的事已经说了。直到性能和笑声。现在说大众足球方便，担心车辆LOREM，和脚的足球宣传。500</p>
                <div class="comment"><a href="#">评论</a></div>
            </div>
        </div>
        <div class="post-box">
            <div class="post-text">
                <h2><a href="#">每个无颤动</a></h2>
                <div class="tag"><strong>标签：</strong><a href="#">闪光</a>，<a href="#">免费文件</a>，<a href="#">AS3</a></div>
                <span class="post-date"><strong>2010年</strong>2月25日</span>
            </div>
            <img src="/images/image_02.jpg" />
            <div class="p-right">
                <p>规划聊天扣除狮子。直到辣椒或辣椒保健地产。但是现在电视。但孩子们投入宣传。Mauris PEDE nisl，placerat NEC，lobortis简历，有人说，但不是，都不是。</p>
                <div class="comment"><a href="#">评论</a></div>
            </div>
        </div>
        <div class="post-box post-last">
            <div class="post-text">
                <h2><a href="#">没有智能手机，但该箭头的价格</a></h2>
                <div class="tag"><strong>标签：</strong><a href="#">HTML</a>，<a href="#">模板</a>，<a href="#">CSS</a></div>
                <span class="post-date"><strong>2010年</strong>2月25日</span>
            </div>
            <img src="/images/image_03.jpg" />
            <div class="p-right">
                <p>每个酱只是在员工的后院。从比赛的直播。当拉手光芒超级碗山瞬间。Eget等dapibus sagittis velit QUIS tortor tincidunt aliquet。Vivamus LEO velit，convallis ID，ultrices坐阿梅德，tempor一，自由人。</p>
                <div class="comment"><a href="#">评论</a></div>
            </div>
        </div>
    </div>
    <div id="content-sidebar">
        <div class="sidebar-box">
            <h3>标签云</h3>
            <div class="sidebar-s">
                <a href="#" style="font-size:12px">HTML</a> <a href="#" style="font-size:11px">Cursus</a> <a href="#" style="font-size:16px">Maecenas</a> <a href="#" style="font-size:11px">Aliquam Ligula</a> <a href="#" style="font-size:20px">Egestas</a> <a href="#" style="font-size:16px">Suscipit</a> <a href="#" style="font-size:12px">Sapien</a> <a href="#" style="font-size:28px">Dignissim</a> <a href="#" style="font-size:14px">Vestibulum</a> <a href="#" style="font-size:12px">Lorem</a> <a href="#" style="font-size:14px">Urnain</a> <a href="#" style="font-size:20px">Neque</a> <a href="#" style="font-size:12px">Aenean</a>
            </div>
        </div>

        <div class="sidebar-box">
            <h3>类别</h3>
            <div class="sidebar-s">
                <ul class="sidebar-menu">
                    <li><a href="#">CSS技巧</a></li>
                    <li><a href="#">网页设计技巧</a></li>
                    <li><a href="#">最好的壁纸</a></li>
                    <li><a href="#">字体</a></li>
                    <li><a href="#">Photoshop教程</a></li>
                    <li><a href="#">3D动画教程</a></li>
                </ul>
            </div>
        </div>

        <div class="sidebar-box">
            <h3>档案</h3>
            <div class="sidebar-s">
                <ul class="sidebar-menu">
                    <li><a href="#">模板</a></li>
                    <li><a href="#">设计理念</a></li>
                    <li><a href="#">免费壁纸</a></li>
                    <li><a href="#">免费像素字体</a></li>
                    <li><a href="#">插画教程</a></li>
                    <li><a href="#">3D人物教程</a></li>
                </ul>
            </div>
        </div>


        <div class="sidebar-box">
            <h3>我们的朋友</h3>
            <div class="sidebar-s">
                <ul class="sidebar-menu">
                    <li><a href="#">Flash文件</a></li>
                    <li><a href="#">免费模板</a></li>
                    <li><a href="#">网页设计技巧</a></li>
                    <li><a href="#">闪存XML画廊</a></li>
                    <li><a href="#">鼓舞人心的Flash网站</a></li>

                </ul>
            </div>
        </div>
    </div>
    <span class="content-bottom"></span>
</div>
<!--中间结束-->
<!--底部开始-->
<div id="bottom" class="clear">
    <div class="bottom-box">
        <h5><span>但是到处</span>按摩NIBH</h5>
        <p>DUIS简历velit sed的DUI malesuada dignissim。直到软香蕉网络。保护者本科元素本身。</p>
        <a href="#">更多信息</a>
    </div>

    <div class="bottom-box">
        <h5><span>Lorem存有</span>胡萝卜</h5>
        <p>制造业抵扣，是该雇员排球，生态纯净宣传的那么伤心，现在没有自由。</p>
        <a href="#">更多信息</a>
    </div>

    <div class="bottom-box">
        <h5><span>最近的</span>帖子</h5>
        <ul class="bottom-menu">
            <li><a href="#">DUIS简历velit sed的lesuada资产。</a></li>
            <li><a href="#">直到软香蕉网络。</a></li>
            <li><a href="#">保护者本科元素本身。</a></li>
        </ul>
        <a href="#">更多信息</a>
    </div>
</div>
<!--底部结束-->
<!--footer开始-->
<div id="footer" class="clear">
    <ul class="footer-menu">
        <li><a href="#">家</a></li>
        <li><a href="#">Web 2.0的</a></li>
        <li><a href="#">网站</a></li>
        <li><a href="#">图像</a></li>
        <li><a href="#">灵感</a></li>
        <li><a href="#">赠品</a></li>
    </ul>
    版权所有 © 2048 <a href="#">你的公司名称</a> | 验证 <a href="#">XHTML</a> 和 <a href="#">CSS</a>
</div>
<!--footer结束-->
</body>
</html>
